<template>
	<view class="container page-pay-success">
		<view class="module-info">
			<view class="iconfont iconwancheng"></view>
			<view class="info-tips">订单支付成功</view>
			<view class="info-price">
				<text class="addon">支付方式</text>
				<text class="price">微信支付</text>
			</view>
			<view class="info-price">
				<text class="addon">支付金额</text>
				<text class="price">￥200</text>
			</view>
		</view>
		<view class="module-button">
			<navigator class="item" url="../detail/index">查看订单</navigator>
			<navigator open-type="switchTab" class="item" url="../../index/index">
				回到首页
			</navigator>
		</view>
		<view class="mudule-tips">
			<view>温馨提示：</view>
			东市生鲜不会以订单异常、系统升级为由要求您点击任何网址链接进行退款操作。
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {};
	},
	onLoad() {},
	methods: {},
};
</script>

<style lang="scss">
.page-pay-success {
	background: #f5f5f5;
}

.module-info {
	background: #fff;
	padding: 40rpx 0;
	text-align: center;

	.iconwancheng {
		display: block;
		font-size: 120rpx;
		color: $ds-main-color;
		line-height: 160rpx;
	}
	.info-tips {
		margin: 0 0 12rpx;
		font-size: 40rpx;
		color: #888;
	}
	.info-price {
		display: flex;
	}
	.addon {
		flex: 1;
		text-align: right;
		color: #888;
	}
	.price {
		flex: 1;
		text-align: left;
		color: $uni-text-price;
		padding-left: 20rpx;
	}
}
.module-button {
	background: #fff;
	padding: 0 0 72rpx;
	display: flex;
	justify-content: center;
	.item {
		font-size: 26rpx;
		padding: 14rpx 70rpx;
		margin: 0 20rpx;
		color: #888;
		font-size: 24rpx;
		border-radius: 4px;
		border: 1px solid #ccc;
	}
}
.mudule-tips {
	padding: 24rpx 32rpx;
	font-size: 24rpx;
	color: #888;
}
</style>
